Kunne man bare tatt bort disse? Evt med en toString() dersom jsx ikke gjør det for oss

Av en eller annen uforklarlig grunn (for meg) sørger ${}for å automatisk legge på komma mellom elementene. Det finnes sikkert en god grunn til hvorfor, men jeg tenkte at det var bedre å beholde de automagiske kommaene, enn å lage noe som ordna komma selv 🤔

Det blir om til en array som gjøres toString når det template literals inn og da blir det automatisk komma. Om du vil gjøre det "korrekt" så kan det være slik:

          {item.locations.map((location) => {
            return location.city;
          }).join(', ')}

Nå snakker vi, takk!

Har oppdatert forslaget mitt med en toString() som ser ut til å gjøre så man får med seg kommaene. Kommer om forskjeller på hvordan jsx og toString()-funksjonen konkatinerer arrays når den skal stringifisere de. ${``} er i praksis det samme som toString(), bare litt mindre eksplisitt.

Er ikke egentlig så viktig dette altså, men når jeg først kommenterte på det kan jeg like godt følge det opp 😅

Edit: Hadde jeg refresha sida hadde jeg sett at Mikael allerede hadde forklart og kommet med et bedre forslag. Ups.

Meeeen Mikael sitt forslag er mer eksplisitt, så støtter det i stedet 🥇